<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>价格总览</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/pagecss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".Band_tab_content").eq(0).show();
	$("#Band_tabs li a").bind("click",function(){
	  var li_index=$(this).parent("li").index();
	  $(this).parent().siblings().removeClass("Band_current");
	  $(this).parent().removeClass("Band_current").addClass("Band_current");
	  $(".Band_tab_content").css("display","none");
	  $(".Band_tab_content").eq(li_index).css("display","block");
	})
	$(".pay_open").bind("click",function(){
		if($(this).next(".pay_last").hasClass("hide")){
			$(this).children("img").attr("src","images/ico_close.gif");
			$(this).next(".pay_last").removeClass("hide");
			}
		else{
			$(this).children("img").attr("src","images/ico_open.gif");
			$(this).next(".pay_last").addClass("hide");
			}
		})
	$(".Band_tab_pay_table table tr:odd").css("background-color","#f4f4f4")
	})
</script>
</head>

<body>
<!--head-->
<div class="ly_head"></div>
<!--head-->
<!--main-->
<div class="ly_main">
   <div class="ly_topbanner">
      <a href="#">服务器租用</a>
      <a href="#">数据库租用</a>
      <a href="#">带宽租用</a>
      <a href="#">主机托管</a>
   </div>
  <div class="ly_main_left">
      <p><img src="images/pay_01.jpg" /></p>
    </div>
    <!--left-->
    <div class="ly_main_r">
       <p><img src="images/pay_02.jpg" /></p>
       <div class="Band_tab">
	    <div class="Band_tab_small">
			 <ul id="Band_tabs">
			  <li class="Band_current"><a href="javascript:void(0)">域名服务</a></li>
			  <li><a href="javascript:void(0)">主机服务</a></li>
			  <li><a href="javascript:void(0)">企业邮箱</a></li>
			 </ul>
		</div>
		<!--tab1-->
        <div class="Band_tab_content">
		  <div class="Band_tab_pay_table">
		    <table cellpadding="0" cellspacing="0" width="100%" align="center">
			 <tr class="pay_title">
			  <td width="20%">产品名称</td>
			  <td width="20%">一年价格</td>
			  <td width="40%">多年价格（多年购买有优惠）</td>
			  <td width="20%">产品详情</td>
			 </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
			</table>
		  </div>
		
		</div> 
		
		<!--tab2-->
        <div class="Band_tab_content">
		  <div class="Band_tab_pay_table">
           <table cellpadding="0" cellspacing="0" width="100%" align="center">
			 <tr class="pay_title">
			  <td width="20%">产品名称</td>
			  <td width="20%">一年价格</td>
			  <td width="40%">多年价格（多年购买有优惠）</td>
			  <td width="20%">产品详情</td>
			 </tr>
             <tr>
                <td><a href="#">M享主机-M2型</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
			</table>
		  </div>
		</div> 
		
		
		<!--tab3-->
        <div class="Band_tab_content">
		  <div class="Band_tab_pay_table">
           <table cellpadding="0" cellspacing="0" width="100%" align="center">
			 <tr class="pay_title">
			  <td width="20%">产品名称</td>
			  <td width="20%">一年价格</td>
			  <td width="40%">多年价格（多年购买有优惠）</td>
			  <td width="20%">产品详情</td>
			 </tr>
             <tr>
                <td><a href="#">1G版</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">3G版</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
             <tr>
                <td><a href="#">.com英文域名</a></td>
                <td><span class="Band_red">49</span>元/年</td>
                <td>
                   <a href="###" class="pay_open"><img src="images/ico_open.gif">查看多年价格</a>
                   <div class="pay_last hide">
                      <p><span class="Band_red">159</span>元/3年</p>
                      <p><span class="Band_red">269</span>元/5年</p>
                   </div>
                </td>
                <td><a href="###">查看详情</a></td>
             </tr>
			</table>
		  </div>
		</div> 
       </div>
    </div>
    <!--right-->
</div>
<!--main-->
<!--foot-->
<div class="ly_foot"></div>
<!--foot-->
</body>
</html>
